//1.获取身高对应的input标签
//getElementById('')，表示从html文档中，通过ID找到对应的标签
var h_input = document.getElementById('height-data');//调方法
//2.获取体重对应的input 标签
var w_input = document.getElementById('weight-data');
//获取显示BMI和身体状态的span标签
var BMI_span = document.getElementById('BMI-value');
var status_span = document.getElementById('status');
//获取隐藏
var result_td = document.getElementById('result')

//获取计算按钮
//通过css选择器方式找到对应的标签元素.querySelector('[type=button]')
//或者可以写成     var calcBth = document.querySelector('[type=button]');
//通过css选择器方式找到对应的标签元素.querySelector（）
var calcBth = document.querySelector('#calcBth');


//给计算按钮绑定点击事件    onclick点击
calcBth.onclick = function(){
	//1.计算BMI
	//获取用户输入的身高体重值
	var height = h_input.value / 100;
	var weight = w_input.value;
	console.log('height:' + height + ',weight:' + weight);
	var BMI = weight/(height*height);
	BMI = BMI.toFixed(1);
	
	
	//2.根据BMI值，判断身体状态
	var status = '';
	if(BMI <= 18.4){
		status = '偏瘦'
	}
	else if(BMI <= 23.9){
		status = '正常'
	}
	else if(BMI <= 27.9){
		status = '过重'
	}
	else{
		status = '肥胖'
	}
	
	
	//3.将BMI值与身体状态显示在页面上
	//innerText,往标签内部插入文本内容
	BMI_span.innerText = BMI;
	status_span.innerText = status;
	
	//让隐藏的东西显示出来
	result_td.style.display = 'table-cell';
	
}
